.api-folder {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  .spin-container {
    text-align: center;
  }
  .content-container {
    &-name {
      flex: auto 0 0;
    }
    &-workspace {
      flex: 100% 1 1;
      display: flex;
      height: 100%;
      background-color: #fff;
      &-list,
      &-table {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
        border: 1px solid rgba(0, 0, 0, 0.1);
        .ant-divider-horizontal {
          margin-bottom: 0;
        }
      }
      &-list {
        flex: 200px 0 0;
        &-buttons {
          padding-top: 24px;
          text-align: center;
        }
        .ant-menu-item {
          display: flex;
          justify-content: space-between;
          align-items: center;
        }
        .ant-menu-root.ant-menu-vertical {
          border-right: none;
        }
      }
      &-table {
        flex: 100% 1 1;
        margin-left: 8px;
        &-buttons {
          padding-top: 24px;
          padding-left: 32px;
          .ant-btn {
            margin-right: 16px;
          }
        }
      }
    }
  }
}
